<style>
    .form-commonsearch .form-group {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    form.form-commonsearch .control-label {
        padding-right: 0;
    }

    .tdtitle {
        margin-bottom: 5px;
        font-weight: 600;
    }

    #channeltree {
        margin-left: -6px;
    }

    #channelbar .panel-heading {
        height: 55px;
        line-height: 25px;
        font-size: 14px;
    }

    @media (max-width: 1230px) {
        .fixed-table-toolbar .search .form-control {
            display: none;
        }
    }

    @media (min-width: 1200px) {

        #channelbar {
            width: 15%;
        }

        #archivespanel {
            width: 85%;
        }
    }

    .archives-label span.label {
        font-weight: normal;
    }

    .archives-title {
        width: 400px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .jstree-default .jstree-icon:empty {
        width: 16px;
        height: 20px;
        line-height: 20px;
    }

    .jstree-default .jstree-checkbox {
        background-position: -168px -4px;
    }

    .jstree-default .jstree-themeicon {
        background-position: -265px -4px;
    }

    .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
    .jstree-default .jstree-checked>.jstree-checkbox {
        background-position: -233px -4px;
    }

    .jstree-default .jstree-anchor>.jstree-undetermined {
        background-position: -200px -4px;
    }

    .jstree-default .jstree-checkbox:hover {
        background-position: -168px -36px;
    }

    .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
    .jstree-default .jstree-checked>.jstree-checkbox:hover {
        background-position: -233px -36px;
    }

    .jstree-default .jstree-anchor>.jstree-undetermined:hover {
        background-position: -200px -36px;
    }

    .flex-between {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .editable-cell-container {
        position: relative;
        display: flex;
        align-items: center;
    }

    .editable-cell-container .pencil-col {
        margin-left: 5px;
        cursor: pointer;
        display: none;
        /* 默认隐藏编辑图标 */
    }

    .editable-cell-container.editing .pencil-col {
        display: none;
        /* 编辑状态下隐藏编辑图标 */
    }

    .editable-cell-container:hover .pencil-col {
        display: inline-block;
        /* 鼠标悬停时显示编辑图标 */
    }
</style>
<div class="row" style="line-height: 33px;margin-bottom: 10px;">
    <div class="col-md-4 hidden-xs hidden-sm" style="padding-right:0;">目标名称：{:$row.name}</div>
    <div class="col-md-4 hidden-xs hidden-sm" style="padding-right:0;">所属模块：{:$row.model_class_text}</div>
    <div class="col-md-4 hidden-xs hidden-sm" style="padding-right:0;display: flex;align-items: center;">
        <div>选择财年:</div>
        <div>
            <select name="year" id="s-year" class="form-control" style="min-width: 180px;">
                {foreach $row.years as $key=>$year}
                <option value="{$year}">{$year}</option>
                {/foreach}
            </select>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xs-2 col-md-2 hidden-xs hidden-sm" id="channelbar" style="padding-right:0;">
        <div class="panel panel-default panel-intro">
            <div class="panel-heading">
                <div class="panel-lead">
                    <em>{:__('Organizational')}</em>
                </div>
            </div>
            <div class="panel-body" style="padding: 5px">
                <div id="departmenttree">
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-20 col-md-10" id="archivespanel">

        <div class="panel panel-default panel-intro">
            <div class="panel-body" style="padding-top: 0">
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="one">
                        <div class="widget-body no-padding">
                            <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                                data-operate-edit="false" data-operate-del="false" width="100%">
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="layer-footer" style="text-align: center;">
    <div class="row">
        <label class="control-label col-xs-12 col-sm-4"></label>
        <div class="col-xs-12 col-sm-8">
            <button id="submit" class="btn btn-primary btn-embossed">保存</button>
        </div>
    </div>

</div>
<script id="editRow" type="text/html">
    <form id="editRow-form" role="form" data-toggle="validator">
        <div class="form-group" style="padding: 15px;">
            <label class="control-label col-xs-12 col-sm-2">{:__('编辑类型')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div style="display:flex;align-items: center;margin-bottom: 15px; line-height: 33px;">
                    <input type="radio" name="editType" value="each" checked style="margin-right: 10px;"/>
                    <div>将每个考核周期目标统一设置为</div>
                    <input type="number" name="eachValue" class="form-control" data-rule="required;range(0~)" min="0" style="width: 100px;margin-left: 10px;"/>
                </div>
                <div style="display:flex;align-items: center;">
                    <input type="radio" name="editType" value="total" style="margin-right: 10px;"/>
                    <div>将</div>
                    <input type="number" name="totalValue" class="form-control" min="0" style="width: 100px;margin: 0 10px;"/>
                    均分到每个考核周期
                </div>
            </div>
        </div>
    </form>
</script>
<script id="editCol" type="text/html">
    <form id="editCol-form" role="form" data-toggle="validator">
        <div class="form-group" style="padding: 15px;">
            <label class="control-label col-xs-12 col-sm-2">{:__('编辑类型')}:</label>
            <div class="col-xs-12 col-sm-8">
                <div style="display:flex;align-items: center;margin-bottom: 15px; line-height: 33px;">
                    <input type="radio" name="editType" value="each" checked style="margin-right: 10px;"/>
                    <div>将整列下级目标统一设置为</div>
                    <input type="number" name="eachValue" class="form-control" data-rule="required;range(0~)" style="width: 100px;margin-left: 10px;"/>
                </div>
                <div style="display:flex;align-items: center;">
                    <input type="radio" name="editType" value="total" style="margin-right: 10px;"/>
                    <div>将</div>
                    <input type="number" name="totalValue" class="form-control" style="width: 100px;margin: 0 10px;"/>
                    均分到下级目标
                </div>
            </div>
        </div>
    </form>
</script>